<script type="text/javascript" src="<?php echo base_url() . 'assets/js/calendario.js'?>"></script>
<br />
<form id="cadastroDocumento">
    <p><b>Cadastro de Documenta&ccedil;&atilde;o</b></p>
    <table  width="100%">
        <tr>
            <td width="16%" align="right"><strong>Tipo de Documento</strong>:</td>
      <td colspan="3" align="left">
<select id="tipoDocumento">
                    <?php $this->load->view('documentacao/cbo_tipo_doc'); ?>
                </select>            </td>
          <td width="27%"></td>
          <td width="15%"></td>
      </tr>
      <tr id="tr_certidao">
          <td align="right"><span id="td_expedidor_desc" style="display: none"><strong>Expedidor</strong>:</span></td>
          <td width="15%" align="left"><span id="td_expedidor" style="display: none"><input type="text" id="expedidor" size="15" maxlength="10"/></span></td>
          <td width="14%" align="left"><div align="right" style="display: none" id="td_uf_desc"><strong>UF</strong>:</div></td>
          <td width="13%" align="left"><span style="display: none" id="td_uf">
                  <select id="ufCod">

                    <?php $this->load->view('uf/cbo_uf'); ?>

                  </select>
              </span></td>
          <td><div align="right" style="display: none" id="td_data_exp_desc"><strong>Data</strong> <strong>Exp</strong>:</div></td>
          <td><span style="display: none" id="td_data_exp"><input type="text" id="dataExp" size="10" maxlength="10" class="datepicker" /></span></td>
        </tr>
        <tr id="tr_doc_geral">
            <td align="right"><strong><span id="td_termo_desc" style="display: none">Termo:</span></strong></td>
          <td align="left" ><span id="td_termo" style="display: none"><input type="text" id="termo" size="6" maxlength="6"/></span></td>
          <td align="left" ><div align="right" id="td_folha_desc" style="display: none"><strong>Folha</strong>:</div></td>
          <td align="left" ><span id="td_folha" style="display: none"><input type="text" id="folha" size="6" maxlength="6"/></span></td>
          <td><div align="right" id="td_livro_desc" style="display: none"><strong>Livro</strong>:</div></td>
          <td ><span id="td_livro" style="display: none"><input type="text" id="livro" size="6" maxlength="6"/></span></td></div>
        </tr>
        <tr>
            <td align="right"><strong>Descri&ccedil;&atilde;o</strong>:</td>
            <td colspan="3" align="left"><input type="text" size="50" id="descricaoDoc"  maxlength="50" /></td>
            <td></td>
            <td></td>        
        </tr>
    </table>
<br /><br />
    <input type="hidden" id="alunoId" value="<?php echo @$alunoId; ?>" />
    <p align="center"><input type="button" id="btnCadastrarDocumento" value="Cadastrar" /></p>
</form>
<script>
    $(document).ready(
        function(){

           $('#tipoDocumento').change(function(){
               
               var doc = jQuery('select[id="tipoDocumento"]').val();
               
               var tipoDocumento = doc.split('_');
               
               if(tipoDocumento[1] == 1){
                                      
                $('#td_termo_desc').css('display','block');
                $('#td_termo').css('display','block');
                $('#td_folha_desc').css('display','block');
                $('#td_folha').css('display','block');
                $('#td_livro_desc').css('display','block');
                $('#td_livro').css('display','block');
                
                $('#td_expedidor_desc').css('display','block');
                $('#td_expedidor').css('display','block');
                $('#td_uf_desc').css('display','block');
                $('#td_uf').css('display','block');
                $('#td_data_exp_desc').css('display','block');
                $('#td_data_exp').css('display','block');
                
                     
               } else if(tipoDocumento[1] == 2){
                   
                $('#td_termo_desc').css('display','none');
                $('#td_termo').css('display','none');
                $('#td_folha_desc').css('display','none');
                $('#td_folha').css('display','none');
                $('#td_livro_desc').css('display','none');
                $('#td_livro').css('display','none');
                
                $('#td_expedidor_desc').css('display','block');
                $('#td_expedidor').css('display','block');
                $('#td_uf_desc').css('display','block');
                $('#td_uf').css('display','block');
                $('#td_data_exp_desc').css('display','block');
                $('#td_data_exp').css('display','block');
                   
               } else {
                   
                $('#td_termo_desc').css('display','none');
                $('#td_termo').css('display','none');
                $('#td_folha_desc').css('display','none');
                $('#td_folha').css('display','none');
                $('#td_livro_desc').css('display','none');
                $('#td_livro').css('display','none');
                
                $('#td_expedidor_desc').css('display','none');
                $('#td_expedidor').css('display','none');
                $('#td_uf_desc').css('display','none');
                $('#td_uf').css('display','none');
                $('#td_data_exp_desc').css('display','none');
                $('#td_data_exp').css('display','none');
               }
               
           });
           
           $('#btnCadastrarDocumento').click(function(){
               
               jQuery.ajax( {
                type: "POST",
                url: '?c=c_documentacao&m=gravarDocumento',
                cache: false,
                data:{
                    tipoDoc : jQuery('select[id="tipoDocumento"]').val(),
                    expedidor:jQuery('input[id="expedidor"]').val(),
                    ufCod:jQuery('select[id="ufCod"]').val(),
                    dataExp:jQuery('input[id="dataExp"]').val(),
                    termo:jQuery('input[id="termo"]').val(),
                    folha:jQuery('input[id="folha"]').val(),
                    livro:jQuery('input[id="livro"]').val(),
                    descricaoDoc:jQuery('input[id="descricaoDoc"]').val(),
                    alunoId:jQuery('input[id="alunoId"]').val()
                },
                beforeSend: function (){
                    $('#div_body').addClass("div_carregando");
                },
                complete:  function(){
                        $('#div_body').removeClass("div_carregando");
                },
                success: function(data){
                    if(data == true){
                        
                        jQuery.ajax( {
                            type: "POST",
                            url: '?c=c_documentacao&m=returnDocumentoCadastrado',
                            cache: false,
                            data:{
                                alunoId:jQuery('input[id="alunoId"]').val()
                            },
                            success: function(data){
                               $('#docCadastrado').html('');
                               $('#tituloDoc').css('display','block');                                
                               $('#docCadastrado').html(data);
                               
                               
                            }
                    });
                jQuery(document).trigger('close.facebox');
                    }
                       
                }
            });
               
               
           });
   });
</script>

